/*!
create css by 2020-11-27  kexuemihe  @wang   公共样式
*/
$(document).ready(function () {
    /*
    页面初始化加载列表
    */
    let userinfo = extendLocalStorage.get("userinfo");
    let curOrgan = extendLocalStorage.get("curOrgan");
   
    startLoad();
    //更换机构时，对应渲染列表
    $("#tabOrganization").on("click", "li", function (e) {
        e.preventDefault();
        $("#myCourse").addClass("active").siblings().removeClass("active");
        curOrgan = extendLocalStorage.get("curOrgan");
        startLoad();
    });
    let interCourseId = ""; //用来存储更多操作的互动课程id
    function startLoad() {
        if (!curOrgan) {
            $(".noneFile").show(100).find("#noneAny").text("请先选择机构");
            return false
        }
        $(".courseCon>div>ul").empty();
        $(".noneFile").hide();
        let inData = {
            token: userinfo.token,
            org_id: curOrgan.org_id
        }
        $.ajax({
            type: "get",
            url: `${testUrl}/platform/resource/recycle`,
            data: inData,
            success: function (res) {
                if (res.data.length == 0) {
                    $(".noneFile").show(200).find("#noneAny").text("没有任何文档");
                    return false;
                }
                $.each(res.data, function (i, item) {
                    $(".courseCon>div>ul").append(`
               <li intercourseid="${item.id}">
                               <a href="javascript:;">
                                   <img src="${item.cover}">
                                   <p>${item.title}</p>
                               </a>
                               <input class="checks" type="checkbox" name="checkCourse" value="1">
                               <div class="moreOpt">
                                <em class="iconfont iconshenglvehao"></em>
                               </div>
                           </li>
               `);
                });
                // 点击课件或者文件夹的更多的省略按钮，出来操作下拉框
                $(".moreOpt").click(function (e) {
                    let $opt = $("#opt");
                    $opt.css({
                        left: e.clientX - 50,
                        top: e.clientY + 10,
                    }).slideDown(300);
                    $opt.mouseleave(function () {
                        $opt.slideUp();
                    });
                    interCourseId = $(this).parent().attr("intercourseid");
                })
                // 更多操作里的删除
                $("#delLi").click(function () {
                    $(".undDel").show(200);
                    $(".undDel #delConfirm").click(async function () { //确定删除
                        let data = {
                            token: userinfo.token,
                            id: interCourseId,
                        }
                        let res = await sendAjax("get", `${testUrl}/platform/resource/del`, data);
                        if (res.code == 0) {
                            $("#delSuccee p").text(res.msg);
                            $("#delSuccee").show(100);
                        } else {
                            $("#delSuccee p").text("删除成功");
                            $("#delSuccee").show(100);
                        }
                        setTimeout(function () {
                            $("#delSuccee").hide();
                        }, 1000)
                        $(".undDel").hide();
                        startLoad();
                    })
                })
                // 更多操作----恢复文件
                $("#resetFile").unbind().click(async function (e) {
                    e.preventDefault();
                    let sendData = {
                        token: userinfo.token,
                        id: interCourseId,
                    }
                    let res = await sendAjax("get", `${testUrl}/platform/resource/withdraw`, sendData);
                    console.log(res);
                    if (res.code == 1) {
                        $("#regainSuccee p").text("恢复成功");
                        $("#regainSuccee").show(100);
                    }else{
                        $("#regainSuccee p").text("res.msg").show(100);
                    }
                    setTimeout(function () {
                        $("#regainSuccee").hide();
                    }, 1000)
                    startLoad();
                });
                // 批量操作当双选框有一个选中时，就将#optionCourse显示出来2
                $("input.checks").change(function () {
                    console.log($("input.checks").get());
                    var checkSel = $("input.checks").get().every(function (item, index) {
                        return item.checked
                    })
                    if (checkSel) {
                        $("#checkAll").prop("checked", "checked");
                    } else {
                        $("#checkAll").removeAttr("checked");
                    }
                })
            }
        });
    }
    /*
    页面初始化加载列表结束
    */
    // 所有教材下拉框
    $(".selCourse .left > .undSel").click(function () {
        $(".selCourse .left ul").toggle(300);
    });
    $(".selCourse .left ul li").click(function () {
        //被点击得文本内容
        $(".selCourse .left > .undSel > a span").text($(this).find("a").text());
        $(this).addClass("active").siblings().removeClass("active")
    })
    // // 批量修改
    $(".allOpt a").click(function () {
        $(".checks").toggle(100);
        $("#optionCourse").toggle(200);
    });
    // 全选双选框
    $("#checkAll").change(function (e) {
        e.preventDefault();
        let bool = $(this).prop("checked");
        console.log(bool);
        if (bool) {
            $("input.checks").prop("checked", "checked");
        } else {
            $("input.checks").removeAttr("checked");
        }
    });

    // 关闭得叉图片
    $(".closeChaS").click(function (e) {
        e.preventDefault();
        $(this).parent().parent().hide(200)
    });

});